﻿<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1.0">
	<script>
		function overWrite(){
			scale = window.screen.width/750;
			let viewportDom = document.getElementById("viewport");
			viewportDom.content = `width=750,initial-scale=${scale},user-scalable=no`
		}
		overWrite()
		// 全局750宽度强制，自动缩放
		window.onresize = function(){
			overWrite()
		}
	</script>

	<title>中医药pro</title> 
	<link href='css/css.css' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="./css/swiper-bundle.min.css">
	<script src="./js/swiper-bundle.min.js"></script>

	<!--[if IE]>
		<script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body>
<div class="navbar">
	<a href="#" class="logo"><img src="./images/logo.png" width="189" height="41" /></a>
</div>
<div class="screen">


<!-- 
companyProfilePic 产学研医合作
companyProfilePic2 精致的生产
companyProfilePic3 对社会的承诺
companyProfilePic4 精益的生产-数字化运营

 -->


  

  <div class=" newsDetail">
    <h4 class="breadcrumb">新闻中心 > 新闻1</h4>
    <div class="newsDetailBox"> 
    </div>

  </div>
	<div class="newsswiper">
	
		<div class="swiper">
			<!-- Additional required wrapper -->
			<div class="swiper-wrapper">
					<!-- Slides -->
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/1.jpg" width="640" height="480" ></div>
						<p>2017年新建五味子种植基地</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/2.jpg" width="640" height="480" ></div>
						<p>2020年五味子产地加工2</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/3.jpg" width="640" height="480" ></div>
						<p>2020年五味子产地加工3</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/4.jpg" width="640" height="480" ></div>
						<p>2020年五味子产地加工4</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/5.jpg" width="640" height="480" ></div>
						<p>2020年五味子产地加工6</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/6.jpg" width="640" height="480" ></div>
						<p>2020年五味子产地加工7</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/7.jpg" width="640" height="480" ></div>
						<p>2020年五味子产地加工10</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/8.jpg" width="640" height="480" ></div>
						<p>2020年五味子产地加工13</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/9.jpg" width="640" height="480" ></div>
						<p>江西粉防己基地一期</p>
					</div>
					<div class="swiper-slide swiper-slide-1">
						<div><img src="./images/about2/10.jpg" width="640" height="480" ></div>
						<p>绞股蓝药材种植基地1</p>
					</div>
			</div>
			<!-- If we need pagination -->
			<!-- <div class="swiper-pagination"></div> -->

			<!-- If we need navigation buttons -->
			<div class="swiper-button-prev"></div>
			<div class="swiper-button-next"></div>

			<!-- If we need scrollbar -->
			<!-- <div class="swiper-scrollbar"></div> -->
	</div>
</div>
<script>
	const swiper = new Swiper('.swiper', {
			effect: 'coverflow',
			loop: true,
			// grabCursor: true,
			centeredSlides: true,
			slidesPerView: 'auto',
			coverflowEffect: {
					rotate: 0,
					stretch: 600,
					depth: 300,
					modifier: 1.35,
					slideShadows: false,
			},
			// pagination: {
			//     el: '.swiper-pagination',
			// },
			navigation: {
					nextEl: '.swiper-button-next',
					prevEl: '.swiper-button-prev',
			},
	});

	// 监听改变事件
	swiper.on('slideChange', (e) => {
			console.log(e.realIndex);
	});
</script>


	<!-- footer -->
	
	<div class="footerBox">
		<div class="footer">
		  <div class="tel">上海现代中医药股份有限公司      400-6666-23888</div>
		  <div class="footerMain">
			<div class="footerMenu">
			  <dl>
				<dt><a href="#">首页</a></dt>
			  </dl>
			  <dl>
				<dt><a href="#">关于我们</a></dt>
			  </dl>
			  <dl>
				<dt><a href="#">公司产品</a></dt>
			  </dl>
			  <dl>
				<dt><a href="#">市场营销</a></dt>
			  </dl>
			  <dl>
				<dt><a href="#">新闻中心</a></dt>
			  </dl>
			  <dl>
				<dt><a href="#">人才招聘</a></dt>
			  </dl> 
			  <dl>
				<dt><a href="#">联系反馈</a></dt>
			  </dl>
			</div>
			<div class="weixin">
			  <dl>
				<dt><img src="./images/weixin.jpg" width="260" alt=""></dt>
				<dd>现代中医药官方微信</dd>
			  </dl>
			  <dl>
				<dt><img src="./images/weixin2.jpg" width="260" alt=""></dt>
				<dd>扶正化瘀官方微信</dd>
			  </dl>
			</div>
		  </div>
		</div>
	  </div>
	  <div class="copyright">
		  <p>@ COPYRIGHT 2020 .ALL RiGHT RESERRD 版权所有</p>
		  <p> <a href="http://beian.miit.gov.cn/" target="_blank">沪ICP 备1587854号</a> </p>
	  </div>
	<!-- 菜单 -->
	<div class="menu-bg"></div>
	<div class="menu">				
		<ul class="menu-splitL">
			<li><a href="./index.html" class="cur">首页</a></li>
			<li><a href="./about.html">关于我们</a></li>
			<li><a href="./product.html">公司产品</a></li>
			<li><a href="./market.html">市场营销</a></li>
			<li><a href="./news.html">新闻中心</a></li>
			<li><a href="./joinus.html">人才招聘</a></li>
			<li><a href="./findus.html">联系反馈</a></li>
		</ul>
	</div>			            
	<div class="burger">
		<div class="x"></div>
		<div class="y"></div>
		<div class="z"></div>
	</div>    

</div>	
	<script src="js/jquery-2.1.1.min.js"></script>
	<script src="js/menu.js"></script>
</body>
</html>